
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <base href="./"/>
        <link rel="stylesheet" type="text/css" id="skin" prePath="frame/"/>
        <!--<script type="text/javascript" src="./js/jquery.min.js"></script>-->
        <script type="text/javascript" src="./js/jquery-1.4.js"></script>
        <script src="./js/online.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="./css/online.css">
        <title>在线客服</title>
    </head>
    <body>
        <div id="main">
            <div id="frmrightbodyleft">
            <div class="lefttitle">

            </div>
              <div class="online" id="online">
                <ul class="online_img">
                    <li class="li1">
                    <img src="./img/current.png" title="当前列表" width='28' height='28' style="margin-top: 4px;">

                    </li>
                    <li class="li2">
                    <img src="./img/history.png" title="历史列表" width='28' height='28' style="margin-top: 4px;">

                    </li>
                </ul>              
            </div>
            <div class="count">
                <div class="now">
                </div>
                <div class="history" style="display: none;">
                </div>
            </div>
           </div>
            <div id="frmrightbodyright">
                 <div class="righttitle">
                </div>
                <div id="rightcontent">
                </div>
                <div class="foot">
                    <div contenteditable=true id="text"></div>
                    <div id="Send"> <button class="send" >发送</button>
                    </div>
                </div>
                <section class="account" style="display: none;">
                    <div class="acontent">
                          <button class="back" onclick="back()">111111</button>
                        <ul>

                            <li class="list basic">22222</li>
                            <li class="list infor">33333333</li>
                        </ul>
                        <!-- <button class="back" onclick="back()">����</button>
                        <button class="list basic" onclick="bDetail(this)">��ע</button>
                        <button class="list infor" onclick="getInfor(this)">��������</button> -->
                    </div>
                    <div class="remark">
                        <div class="add" id="ad" style="display:none;">
                            <div class="addComment"><span class="add_1"></span>
                            <span class="add_2"></span></div>
                           <!--<button type="button" class="addComment">dasdass</button>-->
                        </div>
                    </div>     
                    <div class="information" style="display: none;">
                        <!-- <div class="item item1"></div>
                        <div class="item item2"></div>
                        <div class="item item3"></div>
                        <div class="item item4"></div>
                        <div class="item item5"></div>
                        <div class="item item6"></div>
                        <div class="item item7"></div>
                        <div class="item item8"></div>
                        <div class="item item9"></div>
                        <div class="item item10"></div> -->
                    </div>

                </section>
                <section class="history" style="display: none;"></section>

            </div>
        </div>

       <div id="addUser" style="display:none;     background: white;" >
                   <p id="alert_p">4444444</p>
                   <div id="x"></div>
                   <div style="margin-top: -20px;">

                   <textarea rows="2" cols="2" name='content'  id="content"></textarea>
                   </div>
                   <div style="text-align:center; position: relative;top: 1px;">
                      <input style="width: 60px;margin-left: 45px;" type="button" id="cancel" value="ȡ��"/>
                      <input style="width: 60px;margin-left: 45px;" type="button" id="confirm" value="ȷ��"/>
                   </div>
        </div>

        <div id="delUser" style="display:none;     background: white;" >
                           <p id="delalert_p">5555555</p>

                           <div id="delx"></div>

                           <div style="margin-top: -20px;width: 26%;margin-left: 38%;">

                           <img style="display: block;float: left;" src="./js/attention/zDialog/skins/blue/icon_alert.gif">
                           <p id="suc">666666</p>
                           </div>

                           <div style="text-align:center; position: relative;top: 1px;">

                              <input style=" width: 60px;margin-left: 16px;margin-top: 15px;" type="button" id="delconfirm" value="ȷ��"/>

                           </div>
                </div>

        <script type="text/javascript">
            var uname = "<?php echo $userInfo['username']?>";
            var usid = "<?php echo $userInfo['id']?>";
           setUsername("<?php echo $userInfo['username']?>", "<?php echo $userInfo['id']?>");
           getCurrentSession();

           connent();
           styleChange(useridList);
           if (navigator.userAgent.indexOf('Firefox') >= 0){
                $('#bs_right').css('overflow-y','scroll');
            }else if (navigator.userAgent.indexOf('Opera') >= 0){
                $('#bs_right').css('overflow-y','scroll');
            }else{
                $('#bs_right').css('overflow-y','auto');
            }
          
        </script>
    </body>